<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Div Button</title>
<style type="text/css">
	p.codrops-demos {
		text-align: center;
	}	
	p.codrops-demos a {
		display: inline-block;
		border: 1px solid rgba(85, 66, 45, 0.8);
		padding: 4px 10px 3px;
		font-size: 13px;
		line-height: 18px;
		margin: 0px 3px;
		font-weight: 800;
		-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
		color: white;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #AE8962;
		background: -moz-linear-gradient(top, #AE8962 0%, #7A6044 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AE8962), color-stop(100%,#7A6044));
		background: -webkit-linear-gradient(top, #AE8962 0%,#7A6044 100%);
		background: -o-linear-gradient(top, #AE8962 0%,#7A6044 100%);
		background: -ms-linear-gradient(top, #AE8962 0%,#7A6044 100%);
		background: linear-gradient(top, #AE8962 0%,#7A6044 100%);
	}
	
	a {
		color: #333;
		text-decoration: none;
	}		
</style>
</head>
<body>
	<p class="codrops-demos">
		<a class="current-demo" href="index.html">Flip</a>
		<a href="index2.html">Rotation</a>
		<a href="index3.html">Multi-flip</a>
		<a href="index4.html">Cube</a>
		<a href="index5.html">Unfold</a>
		<a href="index6.html">Others</a>
	</p>
</body>
</html>
